<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>高理知识点搜索</title>
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
    <link rel="stylesheet" href="css/samples-styles.css">
    <style type="text/css">
        td.alt {
            background-color: #ffc;
            background-color: rgba(230, 127, 34, 0.2);
        }
    </style>
</head>
<body>
<div class="htmleaf-container">
    <header class="htmleaf-header">
        <h1>计算机理论知识点搜索<span>Computer Theory Knowledge Node Search</span></h1>
        <div class="htmleaf-links">
            <a class="htmleaf-icon icon-htmleaf-home-outline" href="https://zhfblog.ml/" title="" target="_blank"></a>
            <a class="htmleaf-icon icon-htmleaf-arrow-forward-outline" href="#" title="返回下载页" target="_blank"></a>
        </div>
    </header>
    <div class="htmleaf-content">
        <div class="input-group">
            <div class="input-group-addon">过滤条件</div>
            <input class="form-control" type="search" id="input-filter" size="15" placeholder="输入过滤条件"></input>
        </div>
        <br>
        <table class="">
            <thead>
            <tr>
                <th scope="col" title="President Number">#</th>
                <th scope="col">题目</th>
                <th scope="col">来源</th>
            </tr>
            </thead>
            <tbody id="gaoli_word">
            <tr>
                <td>正在加载······</td>
                <td></td>
            </tr>
            </tbody>
        </table>
        <h2>Other</h2>
        <pre>如有发现错误请联系QQ：1715005995
我的博客：https://zhfhz.gitee.io/
---咸鱼郑某</pre>
        <!--<pre>$('table').filterTable({
            inputSelector: '#input-filter'
        });</pre>-->

        <script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
        <script src="js/jquery.filtertable.min.js"></script>
        <script>
            $(document).ready(function () {
                var word = "";
                $.get("https://web-1253780623.cos.ap-shanghai.myqcloud.com/gaoli_database/knowledge.json", function (data_knowledge) {
                    for (var i = 0; i <= data_knowledge.data.length - 1; i++) {

                        word = word + "<tr><td>" + (i + 1) + "</td><td>" + data_knowledge.data[i].knowledge + "</td><td>" + data_knowledge.data[i].from + "</td></tr>"
                    }
                    document.getElementById("gaoli_word").innerHTML = word;
                    $('table').filterTable({ // apply filterTable to all tables on this page
                        inputSelector: '#input-filter' // use the existing input instead of creating a new one
                    });
                })
            });
        </script>
</body>
</html>